<template>
	<div class="hq-field">
		
	<span v-if="label">{{label}}</span>
	<input :type='type' :value="value" @input="$emit('input',$event.target.value)"/>
		
	</div>
</template>

<script>
	export default{
		name:'hq-field',
		props:{
			label:{//文本
				type:String
			},
			value:{
				type:[String,Number]
			},
			type:{
				type:String,
				default:'text'
			}
		},
		// methods:{
		// 	handClick(){
		// 		this.$emit('input',$event.target.value)
		// 	}
		// }
	}
	
</script>

<style>
	.hq-field {
	  border-bottom: 1px solid #e5e7e8;
	  height: 0.95rem;
	  position: relative;
	}
	.hq-field input {
	  padding-left: 1.24rem;
	  width: 4.54rem;
	  height: 100%;
	  font-size: 0.4rem;
	}
	.hq-field span {
	  width: 1.23rem;
	  height: 0.49rem;
	  position: absolute;
	  top: 0.26rem;
	  left: 0;
	  border-right: 1px solid #676868;
	  color: #676868;
	  font-size: 0.25rem;
	  line-height: 0.49rem;
	  text-align: center;
	}
</style>
